/* Fonts */
@font-face {
	font-family: 'YanoneKaffeesatz';
	src: url('YanoneKaffeesatz-Thin-webfont.eot');
	src: local('☺'), url('YanoneKaffeesatz-Thin-webfont.woff') format('woff'), url('YanoneKaffeesatz-Thin-webfont.ttf') format('truetype'), url('YanoneKaffeesatz-Thin-webfont.svg#webfont1lV5tJgV') format('svg');
	font-weight: normal;
	font-style: normal;
}

fieldset {margin-bottom: 20px;border-top: 20px solid #eee;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;padding: 20px;}
legend {font-size: 150%;font-weight: bold;color: #666;padding: 0 10px;}
form#edituser td.paramlist_key {width: 150px;}
select#paramstimezone {width: 300px;}

#demo-tab .demotab.social-icons {padding-top:2px;margin-right:20px;}
.social-icons a {border:0;padding-left:4px;}
.social-icons span {display:inline-block;width:16px;height:16px;margin:0;background: url(../images/social-minis.png) 0 0 no-repeat;}
.social-icons .facebook span {background-position: 0 0;}
.social-icons .rss span {background-position: -16px 0;}
.social-icons .twitter span {background-position: -32px 0;}
.social-icons .email span {background-position: -48px 0;}
.social-icons .youtube span {background-position: -64px 0;}

.gopro {background: url(../images/go-pro.png) 0 0 no-repeat;width: 295px;height: 169px;display: block;margin-top: 0;}
.gopro.active-dev {background: url(../images/go-pro2.png) 0 0 no-repeat;}
body#drupal .gopro {background: url(../images/drupal/go-pro.png) 0 0 no-repeat;}
body#extensions .gopro {background: url(../images/extensions/go-pro.png) 0 0 no-repeat;}
body#phpbb3 .gopro {background: url(../images/phpbb3/go-pro.png) 0 0 no-repeat;}
body#phpbb3 .gopro.active-dev {background: url(../images/phpbb3/go-pro2.png) 0 0 no-repeat;}
body#magento .gopro {background: url(../images/magento/go-pro.png) 0 0 no-repeat;}
body#magento .gopro.active-dev {background: url(../images/magento/go-pro2.png) 0 0 no-repeat;}
body#wordpress .gopro {background: url(../images/wordpress/go-pro.png) 0 0 no-repeat;}
body#wordpress .gopro.active-dev {background: url(../images/wordpress/go-pro2.png) 0 0 no-repeat;}
.pro-content {padding: 78px 40px 15px 16px;}
.pro-content span.developer-title {display: block;font-weight: bold;padding-bottom: 10px;}
.pro-content a {color: #FF640E;}

a img {border: 0;}
img.showcase {margin: 0 auto;}
img.album {padding: 0 0 10px 0;}
img.left {float: left;margin-right: 10px;border: 0;}

.join-ad-top {height: 12px;background: url(../images/join-today-top.png) 0 0 no-repeat;margin-left: 2px;}
.dev-ad-top {height: 12px;background: url(../images/dev-ad-top.png) 0 0 no-repeat;margin-left: 2px;}
a.jointoday:link, a.jointoday:visited {margin: 10px auto;display: block;width: 216px;height: 52px;border: 0;background: url(../images/join-today.png) 0 0 no-repeat;	}
img.jointoday {width: 273px;height: 251px;border: 0;background: url(../images/join-today-ad.jpg) 0 0 no-repeat;margin-left: 2px;margin-bottom: 15px;}
img.renewtoday {width: 273px;height: 251px;border: 0;background: url(../images/renew-today-ad.jpg) 0 0 no-repeat;margin-left: 2px;margin-bottom: 15px;}
img.renewdev {width: 273px;height: 251px;border: 0;background: url(../images/renew-pro.jpg) 0 0 no-repeat;margin-left: 2px;margin-bottom: 15px;}
img.upgradedev {width: 273px;height: 251px;border: 0;background: url(../images/upgrade-dev.jpg) 0 0 no-repeat;margin-left: 2px;margin-bottom: 15px;}
img.dev-ad {width: 273px;height: 245px;border: 0;background: url(../images/dev-ad.jpg) 0 0 no-repeat;margin-left: 2px;}
body#drupal img.jointoday {background: url(../images/drupal/join-today-ad.jpg) 0 0 no-repeat;}
body#extensions img.jointoday {background: url(../images/extensions/join-today-ad.jpg) 0 0 no-repeat;}
body#phpbb3 img.jointoday {background: url(../images/phpbb3/phpbb3-join.jpg) 0 0 no-repeat;}
body#phpbb3 img.renewtoday {background: url(../images/phpbb3/phpbb3-renew.jpg) 0 0 no-repeat;}
body#phpbb3 img.renewdev {background: url(../images/phpbb3/phpbb3-renew-dev.jpg) 0 0 no-repeat;}
body#phpbb3 img.upgradedev {background: url(../images/phpbb3/phpbb3-upgrade.jpg) 0 0 no-repeat;}
body#wordpress img.jointoday {background: url(../images/wordpress/wp-join.jpg) 0 0 no-repeat;}
body#wordpress img.renewtoday {background: url(../images/wordpress/wp-renew.jpg) 0 0 no-repeat;}
body#wordpress img.renewdev {background: url(../images/wordpress/wp-renew-dev.jpg) 0 0 no-repeat;}
body#wordpress img.upgradedev {background: url(../images/wordpress/wp-upgrade.jpg) 0 0 no-repeat;}
body#magento img.jointoday {background: url(../images/magento/join-today-ad.jpg) 0 0 no-repeat;}
body#magento img.renewtoday {background: url(../images/magento/mg-renew.jpg) 0 0 no-repeat;}
body#magento img.renewdev {background: url(../images/magento/mg-renew-dev.jpg) 0 0 no-repeat;}
body#magento img.upgradedev {background: url(../images/magento/mg-upgrade.jpg) 0 0 no-repeat;}
body#extensions img.jointoday {background: url(../images/extensions/extensions-join.jpg) 0 0 no-repeat;}
body#extensions img.renewtoday {background: url(../images/extensions/extensions-renew.jpg) 0 0 no-repeat;}
body#extensions img.upgradedev {background: url(../images/extensions/extensions-thanks.jpg) 0 0 no-repeat;}
body#extensions img.renewdev {background: url(../images/extensions/extensions-complimentary.jpg) 0 0 no-repeat;}
a.jointoday span {display: none;}

div.quote {background: url(../images/hilite-bg.png) 100% 0 repeat-y;}
div.quote div {background: url(../images/hilite-t.png) 100% 0 no-repeat;}
div.quote div div {background: url(../images/hilite-b.png) 100% 100% no-repeat;padding: 15px 20px 15px 0;}
span.author {padding-top: 10px;display: block;text-align: right;font-style: italic;color: #fff;padding-right: 10px;}

/* frontpage */

.rt-blog-listing h3 {margin-top: 25px;}
#page {position: relative;}
.tool-tip {background: #eee;border: 3px solid #ccc;color: #333;padding: 10px;font-weight: bold;    }
.contentpaneopen_edit {float: right;overflow: hidden;}
#details-list ul.features {clear: right;margin: 0;padding: 0;}
#details-list ul.features li {width: 218px;list-style: none;margin: 0;padding: 0 0 0 35px;background: url(../images/details-item-feature.png) 0 0 no-repeat;margin-bottom: 1px;height: 22px;line-height: 23px;overflow: hidden;}
#details-list .button {display: block;float: left;background: url(../images/list-item-button.png) 0 0 no-repeat;width: 83px;height: 41px;margin-top: 10px;margin-right: 5px;text-align: center;line-height: 30px;color: #fff;border: 0;}
#details-list .button-new {display: block;float: left;background: url(../images/button-new.png) 0 0 no-repeat;width: 83px;height: 41px;margin-top: 10px;margin-right: 5px;text-align: center;line-height: 30px;color: #fff;border: 0;}
#details-list div.moduletitle {margin-left: -10px;background: url(../images/header-subbody-2.png) 0 0 repeat-x;	}
#details-list div.moduletitle div {background: url(../images/header-subbody-3.png) 100% 0 no-repeat;}
#details-list div.moduletitle h1, #details-list div.moduletitle h2 {background: url(../images/header-subbody-1.png) 0 0 no-repeat;height: 42px;line-height: 32px;color: #ccc;padding-left: 51px;font-size: 110%;font-weight: bold;}
#details-list div.left {float: left;}
#details-list div.bottomleft {float: left;width: 295px;margin-top: 20px;}
#details-list div.bottomright {float: right;width: 295px;margin-top: 20px;}

#content-list .item {width: 442px;padding-top: 10px;margin-bottom: 20px;float: left;position: relative;z-index: 1;}
#content-list .item  img {float: left;margin-right: 10px;margin-top: -7px;}
#content-list h2 {color: #BD2E00;font-size: 150%;float: left;margin: 0;padding: 0;margin-bottom: 8px;}
h2.pad {margin-top:50px;}
body#drupal #content-list h2 {color: #5E9712;}
body#extensions #content-list h2 {color: #056FA3;}
body#phpbb3 #content-list h2 {color: #566D7F;}
body#wordpress #content-list h2 {color: #FF8C00;}
body#magento #content-list h2 {color: #953894;}
#content-list .date {float: right;font-size: 95%;color: #999;margin-right:10px;}
#content-list ul.features {clear: right;margin: 0;padding: 0;}
#content-list ul.features li {width: 223px;list-style: none;margin: 0;padding: 0;background: url(../images/list-item-feature.png) 0 0 no-repeat;padding-left: 35px;margin-bottom: 2px;height: 20px;line-height: 20px;overflow: hidden;}
#content-list .button {display: block;float: left;background: url(../images/list-item-button.png) 0 0 no-repeat;width: 83px;height: 41px;margin-top: 10px;margin-right: 5px;text-align: center;line-height: 30px;color: #fff;}
#content-list .new {position: absolute;width: 276px;height: 104px;right: 0;z-index: -1;margin-right: -20px;margin-top: -5px;background: url(../images/list-item-new.png) 0 0 no-repeat;}
#content-list .screenshot {width: 168px;height: 143px;}
#content-list div.left {float: left;}

img.details {float: left;margin-right: 20px;}
body #banner a, body #banner a:visited {color: #ddd;font-weight: bold;}
body #banner a:hover {color: #fff;}

.roktabs-wrapper .dark .roktabs-container-wrapper div.wrapper {width: auto !important;padding: 14px;}
#slider-bg { position:absolute;top: 40px; right:0;width:620px;height:200px;}
#slider-bg .padding {padding: 12px 5px;position: relative;}
#slider-bg h1 {font-size: 115%;color: #fff;line-height: 100%;margin-top: 4px;font-weight: normal;text-shadow: 1px 2px 0 #000;}
#slider-bg h1 b {font-family:YanoneKaffeesatz,Arial Narrow,sans-serif;display: block;font-size: 250%;color: #eee;line-height: 120%;font-weight:100;text-align:right;margin-right:50px;padding-left:50px;}
#slider-bg em {color:#fff;font-weight:bold;font-style:normal;}
body#home #slider-bg h1 b {margin-right:100px;padding-left:100px;}
body#drupal #slider-bg h1 b, body#magento #slider-bg h1 b {padding-left:0px;}
body#wordpress #slider-bg h1 b {padding-left:40px;}


.fp-club-toolbar span {display: block;text-align: center;width: 175px;position: absolute;top: 5px;left: 0;font-weight: bold;color: #666;}
.fp-club-toolbar a:hover {text-decoration: none;}
.fp-option-1 .option-1 {background: url(../images/showcase/club-logos.png) 50% 0 no-repeat;padding-top: 38px;}
.fp-option-2 .option-2 {background: url(../images/showcase/club-logos.png) 50% -180px no-repeat;padding-top: 38px;}
.fp-option-3 .option-3 {background: url(../images/showcase/club-logos.png) 50% -240px no-repeat;padding-top: 38px;}
.fp-option-4 .option-4 {background: url(../images/showcase/club-logos.png) 50% -300px no-repeat;padding-top: 38px;}
.fp-option-5 .option-5 {background: url(../images/showcase/club-logos.png) 50% -60px no-repeat;padding-top: 38px;}
.fp-option-6 .option-6 {background: url(../images/showcase/club-logos.png) 50% -120px no-repeat;padding-top: 38px;}


.fp-club-surround {position: relative;}
.fp-content {position: relative;height:388px;left:175px;}
.fp-club-toolbar {width: 175px;height: 400px;position: absolute;top: 0;left: 0;background: url(../images/fr-club-toolbar.png) 100% 0 repeat-y;}

.fp-club-toolbar a {display: block;height: 66px;cursor: pointer;position: relative;outline:0;}
a.fp-option-2, a.fp-option-3, a.fp-option-4, a.fp-option-5, a.fp-option-6 {border-top: 1px solid #e3e3e3;}
a.fp-option-1-active, a.fp-option-2-active, a.fp-option-3-active, a.fp-option-4-active, a.fp-option-5-active, a.fp-option-6-active {background: url(../images/fp-club-active.png) 100% 0 repeat-y;}

.fp-block {position: absolute;margin-bottom: 5px;display: block;width: 400px;float: right;height: 375px;margin-top: 10px;text-align: center;}
.fp-joomla-block {}
.fp-phpbb3-block {}
.fp-wordpress-block {}
.fp-joomla-img {width: 271px;height: 150px;background: url(../images/fp-joomla.jpg) 0 0 no-repeat;margin: 0 auto;}
.fp-phpbb3-img {width: 271px;height: 150px;background: url(../images/fp-phpbb3.jpg) 0 0 no-repeat;margin: 0 auto;}
.fp-wordpress-img {width: 271px;height: 150px;background: url(../images/fp-wordpress.jpg) 0 0 no-repeat;margin: 0 auto;}
.fp-extensions-img {width: 271px;height: 150px;background: url(../images/fp-extensions.jpg) 0 0 no-repeat;margin: 0 auto;}
.fp-drupal-img {width: 271px;height: 150px;background: url(../images/fp-drupal.jpg) 0 0 no-repeat;margin: 0 auto;}
.fp-magento-img {width: 271px;height: 150px;background: url(../images/fp-magento.jpg) 0 0 no-repeat;margin: 0 auto;}
.fp-title {font-weight: bold;color: #333;font-size: 105%;font-style: italic;}
.fp-block ul {width: 280px;margin: 0 auto;padding: 2px 0 0 0;}
.fp-block li {margin: 0;list-style: none;background: url(../images/feature-r.png) 100% 0 no-repeat;margin-bottom: 2px;padding-right: 10px;text-align: left;}
.fp-block li span {display: block;background: url(../images/feature-l.png) 0 0 no-repeat;font-size: 11px;color: #333;height: 20px;line-height: 20px;padding-left: 25px;}
h2.fp-phpbb3, h2.fp-phpbb3 a {color: #566D7F;}
h2.fp-wordpress, h2.fp-wordpress a {color: #FF8C00;}
.fp-buttonwrap {margin: 0 auto;width: 270px;position: relative;margin-top: 15px;}
.fp-block a.button {width: 85px;height: 38px;display: block;float: left;margin-right: 5px;}
.fp-block a.button:hover {text-decoration: none;}
.fp-block a.button span {visibility: hidden;}
.fp-phpbb3-block a.about {background: url(../images/fp-p-details.png) 0 0 no-repeat;bottom: 0;left: 0;}
.fp-joomla-block a.about {background: url(../images/fp-j-details.png) 0 0 no-repeat;bottom: 0;left: 0;}
.fp-wordpress-block a.about {background: url(../images/fp-wp-details.png) 0 0 no-repeat;bottom: 0;left: 0;}
.fp-drupal-block a.about {background: url(../images/fp-d-details.png) 0 0 no-repeat;bottom: 0;left: 0;}
.fp-magento-block a.about {background: url(../images/fp-mage-details.png) 0 0 no-repeat;bottom: 0;left: 0;}
.fp-extensions-block a.about {background: url(../images/fp-e-details.png) 0 0 no-repeat;bottom: 0;left: 0;}
.fp-phpbb3-block a.join {background: url(../images/fp-p-join.png) 0 0 no-repeat;bottom: 0;left: 176px;}
.fp-joomla-block a.join {background: url(../images/fp-j-join.png) 0 0 no-repeat;bottom: 0;left: 176px;}
.fp-wordpress-block a.join {background: url(../images/fp-wp-join.png) 0 0 no-repeat;bottom: 0;left: 176px;}
.fp-drupal-block a.join {background: url(../images/fp-d-join.png) 0 0 no-repeat;bottom: 0;left: 176px;}
.fp-magento-block a.join {background: url(../images/fp-mage-join.png) 0 0 no-repeat;bottom: 0;left: 176px;}
.fp-extensions-block a.join {background: url(../images/fp-e-join.png) 0 0 no-repeat;bottom: 0;left: 176px;}
.fp-phpbb3-block a.demo {background: url(../images/fp-p-demos.png) 0 0 no-repeat;bottom: 0;left: 88px;}
.fp-joomla-block a.demo {background: url(../images/fp-j-demos.png) 0 0 no-repeat;bottom: 0;left: 88px;}
.fp-wordpress-block a.demo {background: url(../images/fp-wp-demos.png) 0 0 no-repeat;bottom: 0;left: 88px;}
.fp-drupal-block a.demo {background: url(../images/fp-d-demos.png) 0 0 no-repeat;bottom: 0;left: 88px;}
.fp-magento-block a.demo {background: url(../images/fp-mage-demos.png) 0 0 no-repeat;bottom: 0;left: 88px;}
.fp-extensions-block a.demo {background: url(../images/fp-e-demos.png) 0 0 no-repeat;bottom: 0;left: 88px;}

.fp-phpbb3-block, .fp-extensions-block, .fp-wordpress-block, fp-drupal-block, fp-magento-block {visibility: hidden;}

/* system stuff */
#system-message {margin-bottom: 30px;}
#system-message dd ul {background: #D7DFE9;}
#system-message dd {text-indent: 0;}
#system-message ul {padding: 0;margin: 0;}
#system-message ul li {list-style: none;padding: 0;margin: 0;}

/* form stuff */
.standard-form button{background:url(../images/button-grey.png) 0 0 no-repeat;line-height:27px;text-align:center;font-weight:bold;font-size:12px;width:97px;height:27px;color:#333;font-family:Helvetica,Arial,sans-serif;border:0;margin-top:10px;cursor:pointer;padding:0;}
.standard-form{margin-top:30px;}
.standard-form label{float:left;width:170px;display:block;height:22px;line-height:22px;text-indent:5px;font-weight:normal;margin-bottom:2px;}
.standard-form input{margin-left:10px;width:200px;border-width:1px;border-style:solid;border-color:#ccc;}
.standard-form textarea{margin-left:10px;width:300px;height:200px;border-width:1px;border-style:solid;border-color:#ccc;}

/* Contact form */
#myform.standard-form label {width:130px;}
#myform.standard-form select {margin-left:10px;}
.standard-form .email-copy input{margin-left:140px;width:auto;}
.standard-form .email-copy label{float:none;width:auto;display:inline;}
.standard-form .contact_email button{margin-left:140px;}
p.description {margin-bottom:40px;}
.standard-form .captcha-form {margin-left:140px;}
.standard-form .captcha-form label {float:none;}
.standard-form span.required {color: #C00;font-family: Geneva, Tahoma, sans-serif;font-size: 120%;font-weight: bold;}
.standard-form #message.text_area {vertical-align:top;}

/* rokclub login */
#login {display:none;}
#rokclub-login {color: #ccc;padding:0 15px;}
#rokclub-login li {list-style: disc;padding: 0;margin: 0 0 0 20px;font-size: 90%;}
#form-login fieldset.input {margin-bottom: 0;}

#form-login p {display: block;}
#form-login legend {display: block;font-size: 130%;padding: 20px 0 15px;color: #666;font-family:YanoneKaffeesatz,Arial Narrow,sans-serif;font-size:150%;}
#form-login-username input.inputbox, #form-login-password input.inputbox {width: 90px;background: #eee;background-repeat: no-repeat;background-position: 1px 1px;border: 3px solid #ccc;color: #333;height: 16px;padding-left: 20px;}
#comp-rokclub .user-bottom-bg {background: url(../images/join-content-bottom.png) 50% 100% repeat-x;}
#form-login label {color:#333;}
#form-login ul {margin:0;padding:0;clear:left;}
#form-login ul.menuitems {clear:none;}

body#drupal #form-login-username input.inputbox, body#drupal #form-login-password input.inputbox {color: #94C000;}
body#extensions #form-login-username input.inputbox, body#extensions #form-login-password input.inputbox {color: #23AFE5;}
body#phpbb3 #form-login-username input.inputbox, body#phpbb3 #form-login-password input.inputbox {color: #6FA0BF;}
body#wordpress #form-login-username input.inputbox, body#wordpress #form-login-password input.inputbox {color: #FF8C00;}
body#magento #form-login-username input.inputbox, body#magento #form-login-password input.inputbox {color: #BC45B9;}

#form-login-username input.inputbox {background-image: url(../images/username.png);}
#form-login-password input.inputbox {background-image: url(../images/password.png);}
#form-login-submit {display: block;float: left;padding-top:6px;padding-left:6px;}
input#modlgn_submit {display: block;border: 0;text-align: center;line-height: 23px;width: 57px;height: 25px;background: url(../images/button-login.png) 0 0 no-repeat;font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-size: 12px;color: #fff;cursor: pointer;}
#form-login fieldset {border: 0;padding: 0;height: 100px;}
p#form-login-username {margin: 0 10px 0 0;float: left;}
p#form-login-password {margin: 0;float: left;}
p#form-login-remember {clear: both;margin: 2px 0 2px 0;}
input.submit-button {background: url(../images/button-grey.png) 0 0 no-repeat;line-height: 27px;text-align: center;font-weight: bold;font-size: 12px;width: 97px;height: 27px;color: #333;font-family: Helvetica, Arial, sans-serif;border: 0;margin-top: 10px;cursor: pointer;padding: 0;}

/* logged in form */
#login-block {visibility:hidden;opacity:0;position:absolute;top:18px;width:358px;height:180px;background:url(../images/login-dropnav.png);left:50px;color:#666;text-align:left;}
#login-block h4 {color:#333;font-size: 130%;}
body #demo-tab #login-block a {color:#333;}
#rokclub-login.logout {padding-top: 18px;}
#rokclub-login.logout h4 {margin: 0;padding: 4px 0;}
span.avatar {display: block;float: left;margin-left: 3px;margin-right: 10px;height: 67px;width: 67px;background: url(../images/avatar-overlay.png) 0 0 no-repeat;}
span.avatar img {margin-top: 6px;margin-left: 6px;}

div.login-links {clear: left;padding-top: 10px;}
.login-links ul {float: left;width: 50%;padding: 0;margin: 0;}
.login-links b {color: #FF640E;}
body#drupal .login-links b {color: #94C000;}
body#extensions .login-links b {color: #23AFE5;}
body#phpbb3 .login-links b {color: #6FA0BF;}
body#wordpress .login-links b {color: #FF8C00;}
body#magento .login-links b {color: #BC45B9;}

/* main login */
.member-login { border:1px solid #eee; }
.member-login p { margin-left: 50px; clear: both;padding-bottom: 10px;}
.member-login p label { display: block; float: left; width: 80px; line-height: 20px;}
.member-login p input { display: block; float: left; }
.member-login .submit-button { clear: both; margin-left: 130px;margin-top:10px;}

/* club tags */
.subscriptions {overflow: hidden;}
.subscriptions span {float: left;display: block;margin-right: 3px;margin-bottom: 3px;height: 17px;}
.subscriptions .Expires {background-position: 0 0;}
.subscriptions .Expired {background-position: 0 -17px;}
.subscriptions .joomla {background-image: url(../images/tag-joomla.png);width: 48px;}
.subscriptions .devjoomla {background-image: url(../images/tag-devjoomla.png);width: 67px}
.subscriptions .phpbb3 {background-image: url(../images/tag-phpbb3.png);width: 46px;}
.subscriptions .devphpbb3 {background-image: url(../images/tag-devphpbb3.png);width: 67px}
.subscriptions .wordpress {background-image: url(../images/tag-wordpress.png);width: 63px;}
.subscriptions .devwordpress {background-image: url(../images/tag-devwordpress.png);width: 85px}
.subscriptions .drupal {background-image: url(../images/tag-drupal.png);width: 46px;}
.subscriptions .devdrupal {background-image: url(../images/tag-devdrupal.png);width: 63px;}
.subscriptions .extensions {background-image: url(../images/tag-extensions.png);width: 63px;}
.subscriptions .vmart {background-image: url(../images/tag-vmart.png);width: 44px;}
.subscriptions .magento {background-image: url(../images/tag-magento.png);width: 55px;}
.subscriptions .devmagento {background-image: url(../images/tag-devmagento.png);width: 75px;}



/* Tooltips */
.tip-wrap .tip {z-index:5000;background: url(../images/white-trans.png);-moz-border-radius: 5px;border-radius: 5px;padding:10px;}
.tip-wrap .tip-title {color:#555;font-weight:bold;font-size:90%}
.tip-wrap .tip-text {color:#999;font-size:90%;}

.rtool-tip {background: url(../images/rt-tooltip-bg.png) 0 0 no-repeat;width: 562px;height: 260px;}
.rtool-tip div.spinner {background: url(../images/spinner.gif) center center no-repeat;height: 200px;}
.rtool-tip .padding {padding: 35px 40px 40px 35px;}
.rtool-tip-left {height: 185px;float: left;overflow: hidden;margin-right: 25px;}
.rtool-tip-right {height: 185px;overflow: hidden;font-size: 85%;font-family: Helvetica;line-height: 135%;}
.rtool-tip .title {color: #C03B00;font-weight: bold;font-family: Helvetica;font-size: 115%;display: block;padding: 0;margin: 0 0 12px 0;}

.substips-expires, .substips-expired {background: url(../images/subscriptions-left.png) 0 0 no-repeat;height: 23px;color: #333;font-weight: bold;font-size: 80%;}
.substips-expires .tip-text, .substips-expired .tip-text { display: none; }
.substips-expires .tip-title, .substips-expired .tip-title {background: url(../images/subscriptions-right.png) 100% 0 no-repeat;padding: 4px 7px 4px 5px;margin-right: -7px;}
.substips-expired {color: #777;}
.substips-expires {color: #000;}
body#drupal .rtool-tip .title {color: #5E9712;}
body#extensions .rtool-tip .title {color: #056FA3;}
body#phpbb3 .rtool-tip .title {color: #566D7F;}
body#wordpress .rtool-tip .title {color: #FF8C00;}
body#magento .rtool-tip .title {color: #953894;}
.rtool-tip .title span.date {font-size: 65%;font-weight: normal;padding-left: 5px;color: #666;padding: 0 0 0 5px;}
.rtool-tip ul {margin: 20px 0 0 0;list-style: none;padding: 0;}
.rtool-tip ul li {background: url(../images/list-item.png) 0 0 no-repeat;padding: 0 0 1px 22px;height: 20px;line-height: 22px;margin: 0;}
.rtool-tip p {margin: 10px 0 0 0;padding: 0;font-size: 105%;}

.rt-header {display: block;background: url(../images/title-bg.png) 0 0 repeat-x;font-weight: bold;height: 30px;line-height: 25px;color: #C43A00;font-size: 150%;padding-left: 5px;position: relative;border-bottom: 1px solid #ddd;}
.rt-header span {color: #333;}
.rt-header a {padding: 0 0 0 5px;margin: 0 0 0 -10px;outline: none;}
.rt-header a:hover {text-decoration: none;}
.rt-header.first {height: 37px;background: url(../images/join-header.png) 0 0 repeat-x;line-height: 38px;font-size: 150%;text-indent: 19px;}
.rt-header.first span {color: #333;}
.rt-header.first a:hover {text-decoration: none;}
.rt-content {border-bottom: 1px solid #ddd;}
.rt-content-inner {background: url(../images/join-content-top.png) 0 0 repeat-x;border-top: 1px solid #fff;}
.rt-content-inner2 {background: url(../images/join-content-bottom.png) 50% 100% repeat-x;padding: 18px;}
#component-contact .rt-content-inner2 {padding-top: 0;}

.faq-question {background: url(../images/q-icon.png) 0 4px no-repeat;padding-left: 22px;display: block;line-height: 22px;margin-bottom: 10px;font-weight: bold;font-size: 110%;}
body#phpbb3 .faq-question {background: url(../images/phpbb3/q-icon.png) 0 4px no-repeat;}
body#wordpress .faq-question {background: url(../images/wordpress/q-icon.png) 0 4px no-repeat;}
.faq-answer {background: url(../images/a-icon.png) 0 2px no-repeat;padding-left: 22px;display: block;padding-bottom: 10px;}
.faq-answer {border-bottom: 0;}
.detail-div {border-top: 1px solid #f2f2f2;padding-top: 10px;}
.faq-hover {color: #C43A00;cursor: pointer;}
body#phpbb3 .faq-hover {color: #566D7F;}
body#wordpress .faq-hover {color: #FF8C00;}
h2.club-details {background: none;padding: 0;margin: 0;display: block;color: #3C668B;font-size: 120%;}
p.club-details-intro {color: #333;font-size: 110%;line-height: 140%;padding-bottom: 15px;}

#mainbody h1.install.step1 {background: url(../images/icon-1.png) 0 0 no-repeat;}
#mainbody h1.install.step2 {background: url(../images/icon-2.png) 0 0 no-repeat;}
#mainbody h1.install.step3 {background: url(../images/icon-3.png) 0 0 no-repeat;}
#mainbody h1.install.step4 {background: url(../images/icon-4.png) 0 0 no-repeat;}

.blog-author {float: left;margin-right: 8px;line-height: 100%;}
.blog-author span.createdby {font-size: 95%;color: #444;font-weight: bold;padding: 0;margin: 0;line-height: 100%;}
ol.terms li {margin-bottom: 15px;}
.rt-blog-post {padding-left: 70px;}
.rt-blog-post a.readon {color: #BD2E00;font-size: 95%;padding: 0;margin: 0;line-height: 130%;}
.rt-blog-date {display: block;float: left;background: url(../images/blog-date-bg.png) 0 0 no-repeat;width: 40px;height: 100px;text-align: center;padding: 0;margin-top: 12px;margin-left:10px;}
body#phpbb3 .rt-blog-date {background: url(../images/phpbb3/blog-date-bg.png) 0 0 no-repeat;}
body#extensions .rt-blog-date {background: url(../images/extensions/blog-date-bg.png) 0 0 no-repeat;}
span.date-number {font-size: 200%;color: #fff;padding-top: 8px;display: block;}
span.author-divider {padding-left: 8px;color: #999;font-weight: normal;}
.month-year {display: block;padding-top: 10px;color: #666;font-size: 90%;font-weight:bold;}
.rt-blog-listing {position: relative;}
.rt-blog-category {position: absolute;top: 0;right: 10px;font-size: 110%;margin-top: -3px;text-transform: uppercase;color: #999;}
.rt-blog-category a {color: #999;}
.rt-blog-category a:hover {color: #666;text-decoration: none;}
.rt-blog-listing span.createdate {float: right;font-style: italic;color: #333;}

/* New Blog Stuff */
.blog .blog-item {padding:0;overflow: hidden;}
.blog .article-info-surround {display: block;background: url(../images/title-bg.png) 0 100% repeat-x;height: 30px;line-height: 25px;padding-left: 10px;position: relative;padding-top: 5px;padding-bottom: 2px;}
.blog h2.contentheading {background: none;padding: 0;font-family:YanoneKaffeesatz,Arial Narrow,sans-serif;font-size:200%;}
.blog .date-surround {width: 30px;float: left;margin-right: 12px;}
.blog .date1 {display: block;float: left;font-size: 32px;margin-right: 4px;line-height: 24px;}
.blog .date2 {display: block;line-height: 12px;text-transform: uppercase;font-weight: bold;text-align: center;}
.blog .date3 {display: block;line-height: 14px;text-align: center;}
.blog .date-div {float: left;margin-right: 12px;color: #ccc;}
.blog .blog-item-bottom {height: 23px;line-height: 23px;}
.blog .blog-inset {float: right;height: 24px;margin-top: 10px;}
.blog .blog-inset a.readon {margin: 0 0 20px !important;height: 24px;line-height: 24px;padding: 0 20px 0 10px;font-size: 12px;}
.blog .category-badge {float: right;margin-top:-8px;margin-right:10px;}
.blog .article_row, .blog .leading {margin-bottom: 10px;}
.blog .blog-item h2 {background: none;}
.blog .category-48 .category-badge a {width: 58px;height: 24px;display: block;margin-top: 10px;background: url(../images/blog/cat-badges.png) 0 0 no-repeat;}
.blog .category-48 .date-block, .blog .category-48 .createdby span, .blog .category-48 a.readon span, .blog .category-48 .contentpagetitle, .blog .category-48 .blog-item a, .blog .category-48 .blog-item h2 {color: #C43A00;}
.blog .category-49 .category-badge a {width: 58px;height: 24px;display: block;margin-top: 10px;background: url(../images/blog/cat-badges.png) 0 -33px no-repeat;}
.blog .category-49 .date-block, .blog .category-49 .createdby span, .blog .category-49 a.readon span, .blog .category-49 .contentpagetitle, .blog .category-49 .blog-item a, .blog .category-49 .blog-item h2 {color: #566D7F;}
.blog .category-50 .category-badge a {width: 78px;height: 24px;display: block;margin-top: 10px;background: url(../images/blog/cat-badges.png) 0 -66px no-repeat;}
.blog .category-50 .date-block, .blog .category-50 .createdby span, .blog .category-50 a.readon span, .blog .category-50 .contentpagetitle, .blog .category-50 .blog-item a, .blog .category-50 .blog-item h2 {color: #056FA3;}
.blog .category-70 .category-badge a {width: 78px;height: 24px;display: block;margin-top: 10px;background: url(../images/blog/cat-badges.png) 0 -99px no-repeat;}
.blog .category-70 .date-block, .blog .category-70 .createdby span, .blog .category-70 a.readon span, .blog .category-70 .contentpagetitle, .blog .category-70 .blog-item a, .blog .category-70 .blog-item h2 {color: #FF8C00;}
.blog .category-77 .category-badge a {width: 78px;height: 24px;display: block;margin-top: 10px;background: url(../images/blog/cat-badges.png) 0 -133px no-repeat;}
.blog .category-77 .date-block, .blog .category-77 .createdby span, .blog .category-77 a.readon span, .blog .category-77 .contentpagetitle, .blog .category-77 .blog-item a, .blog .category-77 .blog-item h2 {color: #5E9712;}
.blog .category-80 .category-badge a {width: 78px;height: 24px;display: block;margin-top: 10px;background: url(../images/blog/cat-badges.png) 0 -166px no-repeat;}
.blog .category-80 .date-block, .blog .category-80 .createdby span, .blog .category-80 a.readon span, .blog .category-80 .contentpagetitle, .blog .category-80 .blog-item a, .blog .category-80 .blog-item h2 {color: #953894;}
.blog .blog-item ul {margin-left: 20px;}

/* New Magazine Stuff */
.alias-magazine .blog .blog-item {background: url(../images/blog/article-rowbg.png) 50% 100% no-repeat;padding: 0 15px;overflow: hidden;}
.alias-magazine .blog .blog-item.article {background:none;}
.alias-magazine .blog .blog-item-bottom {clear:both;height: 43px;line-height: 43px;padding-top: 10px;}
.alias-magazine .blog .blog-inset {float: right;height: 24px;background: url(../images/blog/readon-inset.png) 100% 0 no-repeat;margin-top: 10px;}
.alias-magazine .blog .blog-inset a.readon {margin: 0 !important;height: 24px;line-height: 24px;padding: 0 20px 0 10px;background: url(../images/blog/readon-inset-l.png) 0 0 no-repeat;font-size: 12px;}

.alias-magazine h2 {height:auto;margin-bottom:5px;}
.alias-magazine .article-info-right {float:right;}
.alias-magazine .article-info-left {margin-right:100px;border-right:1px solid #dbdbdb;}
.alias-magazine .blog .article-info-surround {height:auto;}
.alias-magazine .blog h2.contentheading {margin-top:0px;}
.alias-magazine .article-info-author {background:#e9e9e9;padding:3px 10px;font-size:11px;margin-bottom:20px;}
.alias-magazine .article-info-author span.createdby {font-weight:normal;color:#666;}
.alias-magazine .magazine-tag {background:#424242;color:#cccccc;font-weight:normal;float:right;margin:-3px -10px;width:100px;text-align:center;padding:3px 0;}
.alias-magazine h2.author-title {margin:15px 0 1px;font-size:13px;color:#666;background:none;}
.alias-magazine .author-block {border:1px solid #dbdbdb;padding:1px;background:#fff;}
.alias-magazine .author-block-inner {padding:10px 15px;overflow:hidden;background-color: rgb(255,255,255);
background-image: -webkit-gradient(linear, left top, left bottom, to(rgb(255,255,255)), from(rgb(239,239,239)));
background-image: -webkit-linear-gradient(top, rgb(255,255,255), rgb(239,239,239));
background-image: -moz-linear-gradient(top, rgb(255,255,255), rgb(239,239,239));
background-image: -o-linear-gradient(top, rgb(255,255,255), rgb(239,239,239));
background-image: -ms-linear-gradient(top, rgb(255,255,255), rgb(239,239,239));
background-image: linear-gradient(top, rgb(255,255,255), rgb(239,239,239));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgb(255,255,255)', EndColorStr='rgb(239,239,239)');}
.alias-magazine .author-block-inner > img {float:left;}
.alias-magazine .author-bio h4 {color:#666;font-weight:normal;margin:0 0 5px;}
.alias-magazine .author-bio {margin-left: 120px;}
.alias-magazine .author-bio p {margin:0;color:#999;font-size:12px;}
.alias-magazine .magazine-edition {float:right;font-size:18px;color:#ccc;padding-top:5px;}
.alias-magazine .mag-preview {width:180px;float:right;margin:0 0 15px 15px;border:4px solid #eee;padding:1px;box-shadow: 0px 20px 10px -10px rgba(66,66,66,0.2);}

.alias-magazine .mag-image {margin:30px auto 5px auto;display:block;}
.alias-magazine .mag-caption {display:block;text-align:center;margin:0 30px 30px;font-size:90%;color:#333;}

img.front-listing {margin-right: 18px;margin-top: 18px;}
.featured-phpbb3, .featured-drupal, .featured-magento {visibility: hidden;}
.featured-joomla, .featured-phpbb3, .featured-drupal, .featured-magento {position: absolute;width: 100%;}
.featured-phpbb3, .featured-joomla {visibility: hidden;}
.featured-first {visibility: visible;}
.featured-scroller {text-align: center;width: 550px;display: block;height: 43px;line-height: 43px;margin: 0 auto;position: relative;margin-top: 273px;}
.featured-scroller a.button-left {width: 34px;height: 34px;top: 3px;left: 0;position: absolute;background: url(../images/showcase/featured-scroller-left.png) 0 0 no-repeat;}
.featured-scroller a.button-right {width: 34px;height: 34px;position: absolute;top: 3px;right: 0;background: url(../images/showcase/featured-scroller-right.png) 0 0 no-repeat;}
.featured-scroller a.button-left:hover, .featured-scroller a.button-right:hover {background-position: -34px 0;}
.featured-scroller .options {text-align: center;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-shadow: 1px 1px 1px #000;font-weight: 500;}
.featured-scroller .option1, .featured-scroller .option2, .featured-scroller .option3, .featured-scroller .option4, .featured-scroller .option5 {font-size: 100%;margin-right: 14px;}
.featured-scroller .option5 {margin-right: 6px;}
.featured-scroller a {color: #ccc;z-index: 200;}
.featured-scroller a:hover {color: #fff;text-decoration: none;}
.featured-scroller .scroller-div-left {background: url(../images/showcase/option-slider-l.png) 0 0 no-repeat;position: absolute;height: 43px;width: 12px;top: 0px;}
.featured-scroller .scroller-div-right {background: url(../images/showcase/option-slider-r.png) 100% 0 no-repeat;position: absolute;height: 43px;left: 12px;}
.featured-scroller .options a {padding: 0 2px 0 8px;outline: none;}
.featured-scroller a.active {color: #fff;}
#featured-showcase .img-block {position: absolute;left: 44px;top: 17px;}
#featured-showcase img.featured-img {width: 430px;height: 255px;}
#featured-showcase .desc-block {left: 490px;padding-right: 55px;top: 25px;position: absolute;}
#featured-showcase p {font-size: 100%;line-height: 140%;margin-top: 20px;color:#ddd;}
#featured-showcase ul {margin: 18px 0 0 0;padding: 0 0 0 10px;}
#featured-showcase ul li {list-style: none;text-indent: 26px;font-size: 100%;line-height: 160%;margin-bottom: 10px;font-weight: bold;background: url(../images/featured-bullet.png) 0 50% no-repeat;}
#featured-showcase .featured-title {font-family:YanoneKaffeesatz,Arial Narrow,sans-serif;color: #ccc;font-size: 250%;}
#featured-showcase .featured-title span {color: #fff;}
p.launcher-notice {padding-top: 0;}

/* map stuff */
#mainbody #map-border {border: 5px solid #eee; padding: 5px;   margin: 0 1px;}
#mainbody #map {width: 556px;height: 242px;background: url(../images/map-world.gif) no-repeat;margin: 0 auto;}
.rt-map-pin-core {width: 7px;height: 20px;background: url(../images/map-pin-core.png) no-repeat;position: absolute;cursor: pointer;z-index:2;}
.rt-map-pin-mod {width: 7px;height: 20px;background: url(../images/map-pin-mod.png) no-repeat;position: absolute;cursor: pointer;z-index:1;}
.rt-map-coords {background: #000;position: absolute;padding: 5px;bottom: 0;left: 0;font-size: 90%;color: #fff;}
.rt-map-tool-tip, .rt-entitlements {background: url(../images/map-tooltip.png) no-repeat;width: 288px;height: 133px;}
.rt-map-tool-tip {z-index:10;}
.rt-entitlements .tip .title {padding: 16px 20px 10px 20px;font-weight: bold;}
.rt-entitlements .tip .text {padding: 0 20px 16px 20px;}
.rt-map-tool-tip div.wrapper {padding: 19px;width: auto;}
.tip-map-details {float: left;}
.tip-map-details h3 {color: #C43A00;font-size: 120%;font-weight: bold;margin-top: 0;}
.tip-map-details p {margin: 0;padding: 5px 0 0;}
.rt-map-tool-tip img {border: 5px solid #ebebeb;}
.rt-map-tool-tip .map-country {font-weight: bold;}
.rt-map-tool-tip .map-time {color: #aaa;font-size: 80%;}
.tip-map-avatar {width: 87px;height: 87px;padding-right: 0.7em;float: left;}

/* Help Stuff */
.astro-help {width: 72px;height: 106px;margin-right: 25px;background: url(../images/astro-help.png) 0 0 no-repeat;float: left;}
#rt-help .rt-header {margin-top: 20px;}
ul.help-items {list-style: none;margin: 0;padding: 0;}
ul.help-items li {background: url(../images/see-all-arrow.png) no-repeat 0 2px;margin-bottom: 20px;padding-left: 20px;list-style: none;}
ul.help-items span {font-weight: bold;font-size: 110%;}

/* Team Stuff */
.team-column-left {width: 48%;float: left;margin-right: 20px;}
.team-column-right {width: 48%;float: right;}
.team-block {padding-left: 95px;position: relative;}
.team-name {font-size: 140%;font-weight: bold;color: #C43A00;display: block;}
.team-title {font-size: 100%;font-weight: bold;color: #333;display: block;margin-bottom: 10px;}
.mod-title {color: #C43A00;font-size: 110%;font-weight: bold;}
.block-bottom {background: url(../images/join-content-bottom.png) 0 100% repeat-x;height: 26px;margin-bottom: 30px;}
a.bio-link {font-weight: bold;line-height: 30px;padding-left: 15px;font-size: 100%;display: none;}
.team-av {width: 73px;height: 73px;position: absolute;top: 0;left: 0;margin-left:1px;border: 5px solid #eee;}
#andy {background: url(../images/team/andy.jpg) 0 0 no-repeat;}
#kevin {background: url(../images/team/kevin.jpg) 0 0 no-repeat;}
#james {background: url(../images/team/james.jpg) 0 0 no-repeat;}
#djamil {background: url(../images/team/djamil.jpg) 0 0 no-repeat;}
#karol {background: url(../images/team/karol.jpg) 0 0 no-repeat;}
#marge {background: url(../images/team/marge.jpg) 0 0 no-repeat;}
#brian {background: url(../images/team/brian.jpg) 0 0 no-repeat;}
#sam {background: url(../images/team/sam.jpg) 0 0 no-repeat;}
#luke {background: url(../images/team/luke.jpg) 0 0 no-repeat;}
#jakub {background: url(../images/team/jakub.jpg) 0 0 no-repeat;}
#kat {background: url(../images/team/kat.jpg) 0 0 no-repeat;}
#steph {background: url(../images/team/steph.jpg) 0 0 no-repeat;}
#josh {background: url(../images/team/josh.jpg) 0 0 no-repeat;}
#arifin {background: url(../images/team/arifin.jpg) 0 0 no-repeat;}
#katya {background: url(../images/team/katya.jpg) 0 0 no-repeat;}

/* Club Details Stuff */
#details-toolbar {margin: 0 auto;overflow: hidden;margin-bottom: 25px;margin-top: 20px;width: 525px;}
#details-toolbar .button {width: 175px;height: 110px;display: block;text-align: center;float: left;}
#details-toolbar a, body#phpbb3 #details-toolbar a, body#extensions #details-toolbar a, body#wordpress #details-toolbar a, body#drupal #details-toolbar a {color: #888;}
#details-toolbar a:hover, #details-toolbar a.active {text-decoration: none;color: #C43A00;}
body#phpbb3 #details-toolbar a:hover, body#phpbb3 #details-toolbar a.active {color: #566D7F;}
body#extensions #details-toolbar a:hover, body#extensions #details-toolbar a.active {color: #056FA3;}
body#wordpress #details-toolbar a:hover, body#wordpress #details-toolbar a.active {color: #FF8C00;}
body#drupal #details-toolbar a:hover, body#drupal #details-toolbar a.active {color: #5E9712;}
body#magento #details-toolbar a:hover, body#magento #details-toolbar a.active { color:#953894;}
#details-toolbar a.about {background: url(../images/details-about-icon.png) -70px 0 no-repeat;width: 154px;height: 105px;cursor: pointer;margin: 0 auto;display: block;padding-top: 60px;}
#details-toolbar a.terms {background: url(../images/details-terms-icon.png) -70px 0 no-repeat;width: 154px;height: 105px;cursor: pointer;margin: 0 auto;display: block;padding-top: 60px;}
#details-toolbar a.faq {background: url(../images/details-faq-icon.png) -70px 0 no-repeat;width: 154px;height: 105px;cursor: pointer;margin: 0 auto;display: block;padding-top: 60px;}
#details-toolbar a.about.active, #details-toolbar a.about:hover {background: url(../images/details-about-icon.png) 42px 0 no-repeat;}
#details-toolbar a.terms.active, #details-toolbar a.terms:hover {background: url(../images/details-terms-icon.png) 42px 0 no-repeat;}
#details-toolbar a.faq.active, #details-toolbar a.faq:hover {background: url(../images/details-faq-icon.png) 42px 0 no-repeat;}
#details-toolbar span.buttontext {font-weight: bold;font-size: 110%;display: block;margin-top: 10px;cursor: pointer;}

/* Testimonials Stuff */
.quote-start {background: url(../images/quote-start.png) 0 0 no-repeat;}
.quote-end {background: url(../images/quote-end.png) 100% 100% no-repeat;padding: 0 30px;}
#testimonials h2.title {background: none;font-size: 110%;padding: 0;color:#333;}
#testimonials .rt-header {border-bottom: 0;}
#testimonials .rt-content {border-bottom: 0;}
#testimonials .rt-content-inner2 {padding: 18px 5px 25px 5px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
#testimonials span.author {font-weight: bold;padding: 15px 0 0 0;color: #333;display: block;text-align: left;}
#testimonials span.url {display: block;}

#rokdownloads .rd_details {margin-left: 150px;}
#rokdownloads .rd_thumb img, #rokdownloads .rd_thumb div {margin: 0 14px;}

/* Package Comparison */
table.comparison caption {margin:10px 0;color:#333;font-weight:bold;}
table.comparison {background:#eee;margin-bottom:20px;}
table.comparison th {padding:3px;background:#eee;}
table.comparison td {padding:3px;background:#f9f9f9;color:#333;font-size:120%;text-align:center;}
table.comparison td.clubname {font-weight: bold;font-size: 100%;}
table.comparison span {display:block;clear:left;color:#999;font-size: 90%;}

/* Features List */
p.extras {font-style:italic;}
ul.features li {list-style:none;background:url(../images/bullet-selected.png) 0 2px no-repeat;padding-left: 25px;margin-bottom:10px;}

/* Syndicate Module */
div.rssframe {width:130px;margin:0 auto;}
a.rssfeed:hover {text-decoration:none;}
a.rssfeed span {font-size: 120%;font-weight: bold;padding-left:5px;color:#666;}
img.bigfeed {width:32px;height:32px;background:url(../images/big-feed.png);vertical-align:middle;}

/* Updates Module */
ul.rokupdates {margin: 0;padding: 5px 0 0 0;}
ul.rokupdates li {list-style: none;border-bottom: 1px solid #ececec;padding: 5px 0 8px 36px;}
ul.rokupdates li a {display: block;font-size: 100%;line-height: 120%;}
ul.rokupdates li span {display: block;font-size: 90%;}
ul.rokupdates li.joomla-templates {background: url(../images/updates-joomla.png) 0 5px no-repeat;}
ul.rokupdates li.phpbb3-styles {background: url(../images/updates-phpbb3.png) 0 5px no-repeat;}
ul.rokupdates li.drupal-themes {background: url(../images/updates-drupal.png) 0 5px no-repeat;}
ul.rokupdates li.wordpress-themes {background: url(../images/updates-wordpress.png) 0 5px no-repeat;}
ul.rokupdates li.magento-templates {background: url(../images/updates-magento.png) 0 5px no-repeat;}
ul.rokupdates li.extensions {background: url(../images/updates-extensions.png) 0 5px no-repeat;}
div.module-blog ul.rokupdates li {background: url(../images/latest-blog.png) 0 5px no-repeat;}

/* Members Showcase */
.m-showcase {background: url(../images/member-showcase.jpg) 0 0 no-repeat;padding-left: 230px;padding-top: 40px;padding-bottom: 50px;padding-right: 10px;}
.m-showcase-title {font-size: 150%;font-weight: bold;color: #333;display: block;margin-bottom: 15px;}
.m-showcase-title span {color: #C43A00;}
.m-showcase-column {float: left;width: 290px;margin-top: 5px;}
.m-showcase-column2 {float: left;width: 230px;margin-top: 5px;}
.m-showcase-listing {float: left;margin-bottom: 35px;}
img.member-site {width: 58px;height: 58px;border: 4px solid #e7e7e7;float: left;margin-right: 10px;}
.m-showcase-info {display: block;padding-top: 6px;}
span.m-showcase-name {font-size: 110%;font-weight: bold;display: block;}
a.showcase {font-size: 95%;padding: 0;font-weight: normal;}
span.showcase-small {font-size: 90%;}
.dev-ad-desc {padding: 0 15px;margin-bottom: 15px;color: #333;}
.dev-ad-desc span {display: block;margin-bottom: 15px;font-weight: bold;font-size: 110%;color: #333;line-height: 130%;}

/* Developer spotlight section */
.developer-spotlight {background: url(../images/dev-spotlight.jpg) 100% 0 no-repeat;padding-right: 240px;height: 250px;}
.dev-astro {background: url(../images/dev-astro.jpg) 0 0 no-repeat;padding-left: 125px;margin-bottom: 25px;padding-bottom: 15px;}
.dev-astro span {font-weight: bold;color: #333;display: block;margin-bottom: 15px;font-size: 110%;line-height: 130%;}

.devspotlight ul.roknewspager {padding: 0;border: 0;}
.devspotlight ul.roknewspager li {background: none;margin-bottom: 15px;}
.devspotlight ul.roknewspager .roknewspager-div {padding-left: 0;padding-bottom: 0;}
.devspotlight ul.roknewspager .roknewspager-title {font-size: 110%;margin-bottom: 0;}
.devspotlight .roknewspager-pages {background: none;}
.devspotlight ul.roknewspager-numbers {background: none;padding: 0 50px;}
.devspotlight .roknewspager-pages2 {height: 21px;line-height: 21px;margin-top: 10px;}
.devspotlight .roknewspager-prev-disabled, .devspotlight .roknewspager-prev, .devspotlight .roknewspager-next-disabled, .devspotlight .roknewspager-next {background: url(../images/page-tab-r.png) 100% 0 no-repeat;height: 21px;width: auto;}
.devspotlight .roknewspager-prev-disabled span, .devspotlight .roknewspager-prev span, .devspotlight .roknewspager-next-disabled span, .devspotlight .roknewspager-next span {background: url(../images/page-tab-l.png) 0 0 no-repeat;padding: 0 8px;display: block;}
.devspotlight .roknewspager-next, .devspotlight .roknewspager-prev, .devspotlight ul.roknewspager-numbers li {color: #C12C04;font-weight: bold;}
.devspotlight ul.roknewspager-numbers li.active {color: #666;}

a.joomla-pricing-table {width: 566px;height: 766px;display: block;background: url(../images/joomla-price-table.png) 0 0 no-repeat;margin-top: 35px;margin-bottom: 20px;border: 0;margin-left: -12px;}
a.phpbb3-pricing-table {width: 566px;height: 688px;display: block;background: url(../images/phpbb3-price-table.png) 0 0 no-repeat;margin-top: 35px;margin-bottom: 20px;border: 0;margin-left: -12px;}
a.magento-pricing-table {width: 566px;height: 742px;display: block;background: url(../images/magento-price-table.png) 0 0 no-repeat;margin-top: 35px;margin-bottom: 20px;border: 0;margin-left: -12px;}
a.wordpress-pricing-table {width: 566px;height: 756px;display: block;background: url(../images/wordpress-price-table.png) 0 0 no-repeat;margin-top: 35px;margin-bottom: 20px;border: 0;margin-left: -12px;}
a.drupal-pricing-table {width: 566px;height: 766px;display: block;background: url(../images/drupal-price-table.png) 0 0 no-repeat;margin-top: 35px;margin-bottom: 20px;border: 0;margin-left: -12px;}
a.extensions-pricing-table {width: 566px;height: 345px;display: block;background: url(../images/extensions-price-table.png) 0 0 no-repeat;margin-top: 35px;margin-bottom: 20px;border: 0;margin-left: -12px;}

/* Featured Section */
.bottom-relative {position: relative;z-index: 1;}
.bottom-relative h2 {margin-top: 2px;}
.j-new-badge {position: absolute;top: -4px;right: -4px;width: 63px;height: 63px;background: url(../images/j-new-badge.png) 0 0 no-repeat;z-index: 100;}
body#phpbb3 .j-new-badge {background: url(../images/p-new-badge.png) 0 0 no-repeat;}
body#wordpress .j-new-badge {background: url(../images/wp-new-badge.png) 0 0 no-repeat;}
body#drupal .j-new-badge {background: url(../images/d-new-badge.png) 0 0 no-repeat;}
.template img.lead-in-feature {width: 237px;height: 270px;margin-right: 35px;margin-top: 15px;margin-left: 5px;}
p.lead-in {font-size: 140%;line-height: 130%;}
p.lead-in span {color: #C43A00;}
body#phpbb3 p.lead-in span {color: #566D7F;}
body#wordpress p.lead-in span {color: #FF8C00;}
body#drupal p.lead-in span {color: #94C000;}
.single ul.feature {width: 300px;}
img.side-offer {margin-top: 15px;}
.offer-block {padding: 0 15px;text-align: center;}
.offer-block span {display: block;font-size: 115%;line-height: 130%;padding: 0 25px;margin-bottom: 15px;}
.offer-block span b {color: #C43A00;}
.moduleoffer2 {padding:10px 0 30px 7px;}

/* Promo Page */
#promotions {margin: 0 -15px;}
.promo-block {padding: 0 0 15px 15px;clear: both;overflow: auto;}
.promo-div {background: url(../images/join-content-top.png) 0 1px repeat-x;height: 25px;border-top: 1px solid #ddd;}
.promo-block .left-side {float: left;width: 245px;}
.promo-block .left-side a {display: block;font-weight: bold;}
.promo-block .left-side a.small {font-size: 85%;}
.promo-block .left-side .focus {font-size: 115%;line-height: 130%;}
.promo-block .left-side .focus b {color: #444;}
.promo-block .right-side {float: right;padding-top: 25px;}
.transition-wrap {position: relative;height:150px;width:343px;}
.promo-master, .promo-master2, .promo-master3 {position: absolute;z-index: 2;}
.promo-master2, .promo-master3 {z-index:1;}
.promo-master {width: 343px;height: 150px;background: url(../images/promo/promo-secret.png) 0 0 no-repeat;}
.promo-master2 {width: 343px;height: 150px;background: url(../images/promo/promo-active.png) 0 0 no-repeat;text-align: center;}
.promo-master2 .coupon-code {display: block;font-weight: bold;font-size: 150%;color: #C43A00;margin-top: 2px;}
.promo-master2 .coupon-desc {display: block;padding-top: 10px;}
.promo-master2 .coupon-desc span {display: block;font-size: 90%;font-weight: bold;line-height: 150%;}
.promo-master2 .coupon-desc span.first {padding-top: 8px;}
.promo-master2 .coupon-desc b {color: #000;font-size: 110%;}
#promotions .promo-master2 .padding {padding: 12px 35px;}
.promo-master3 {width: 343px;height: 150px;background: url(../images/promo/promo-join.png) 0 0 no-repeat;display: block;}
.promo-block .coupon-badge {background: url(../images/promo/coupon-badge.png) 0 0 no-repeat;padding-left: 44px;padding-top: 1px;padding-bottom: 2px;}

.promo-block .rok-iphone-container {width: 132px;height: 29px;margin: 30px auto 0;padding: 0;position: relative;}
.promo-block .rok-iphone-sides {width: 132px;height: 29px;margin: 0;padding: 0;position: relative;background: url(../images/rokswitcher.png) 0 -87px no-repeat;}
.promo-block .rok-iphone-wrapper {overflow: hidden;margin: 0;padding: 0;width: 120px;height: 29px;position: relative;top: 0;left: 5px;}
.promo-block .rok-iphone-switch {background: url(../images/rokswitcher.png) 0 0 no-repeat;position: relative;top: 0;left: -55px;width: 211px;	height: 29px;}
.promo-block .rok-iphone-button {width: 41px;height: 28px;top: 0;position: absolute;}
.promo-block .rok-iphone-wrapper label {position:absolute;top:0;}
.promo-block label, .promo-block input {visibility: hidden;}

/* Intense Debate Overrides */
#idc-container-parent #idc-container .idc-id { background-image: url(../images/intense-debate.png); }

b.changelog {text-transform:uppercase;}
pre.changelog {background:#fcfcfc;border:1px solid #eee;border-left:5px solid #ccc;font-size:11px;white-space:pre-wrap;}

/* Syntax highlighting overrides */
#content-area .syntaxhighlighter {font-size:12px !important;background-color:#eaf1fc !important;margin:1.5em 0 !important;}
#content-area .syntaxhighlighter .line .content {border-left:3px solid #0052ab !important;}
#content-area .syntaxhighlighter .line .number {color: #0052ab !important;}
#content-area .syntaxhighlighter .line.highlighted.alt1 .content, #content-area  .syntaxhighlighter .line.highlighted.alt2 .content, #content-area .syntaxhighlighter .line.highlighted .number {background-color:#ccdcf2 !important;}
#system-debug h4 {color:#000;}

/*social stuff */
.social-block ul {margin:15px 0;padding:0;}
.social-block li {list-style:none;margin:7px 0 0;padding:0;background:url(../images/social-icons.png) no-repeat;height:32px;}
body #content-area .social-block a {display:block;height:32px;line-height:32px;font-size:14px;padding-left:50px;color:#999;}
.social-block em {font-style:normal;color:#666;font-weight:bold;}
.social-block .twitter {background-position:0 -40px;}
.social-block .youtube {background-position:0 -80px;}
.social-block .rss {background-position:0 -120px;}
.social-block .email {background-position:0 -160px;}

/* Gantry block */
.gantry-module {background:url(../images/gantry-mod-bg.png) repeat-x;text-align:center;}
.gantry-logo {display:block;width:250px;height:174px;margin:0 auto;background:url(../images/gantry-mod-j.png);}
#wordpress .gantry-logo {background:url(../images/gantry-mod-wp.png);}
.gantry-module a:hover {text-decoration:none;}
.gantry-module h5 {margin:0;color:#333;font-size:14px;}

.item647>a>span {color: #FF4E2B;}

/* Template Matrix block */
.matrix-image {display:block;width:250px;height:144px;margin:10px auto;background:url(../images/compatibility-matrix.png);}
.matrix-module p {padding:0 20px;}

/* for mailcimp */
#footer-mailchimp {width:825px;height:70px;position:relative;}
#footer-mailchimp .indicates-required {position:absolute;right:0;color:#999;font-size:11px;}
#footer-mailchimp label {color:#999;}
#footer-mailchimp .asterisk {font-weight:bold;font-size:16px;color:#fff;}
#footer-mailchimp .mc-field-group {float:left;white-space:nowrap;margin-right:20px;}
#footer-mailchimp input {font-family:Helvetica,arial,sans-serif;background:#090909;border:1px solid #444;border-radius:6px;color:#999;font-size:13px;width:170px;padding:4px;}
#footer-mailchimp input:hover {background-color:#000;border-color:#FE5130;}
#footer-mailchimp input.button {background:#333;border-color:#666;color:#fff;width:95px;font-size:12px;font-weight:normal;}
#footer-mailchimp input.button:hover {background:#FE5130;border-color:#D43216;}

/* Sunset Quote */
div.quote {background:#f6f6f6;padding:20px;font-size:110%;border-radius:8px;line-height:150%;color:#888;margin:30px 30px;}
div.quote h2 {background:none;padding:0;}

/* RT v2.5 Joomla Details */
.rt-details-img {float: left;margin: 10px 15px 15px 0;}
div.template .rt-details-img img {border: 5px solid #F5F5F5;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-right: 0;}
.rt-versions {text-align: center;padding: 5px 0 10px;clear: both;background: #f5f5f5;background: -webkit-linear-gradient(top, #f5f5f5 0%,#F1F1F1 100%);background: -moz-linear-gradient(top, #f5f5f5 0%,#F1F1F1 100%);background: linear-gradient(top, #f5f5f5 0%,#F1F1F1 100%);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.rt-versions span {color: #fff;font-size: 10px;font-weight: bold;text-transform: uppercase;padding: 3px 5px; margin-right: 8px;border-radius: 3px;box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);}
.rt-versions .rt-version-j15 {background: #5E840A;background: -webkit-linear-gradient(top, #6F9F11 0%,#466D00 100%);background: -moz-linear-gradient(top, #6F9F11 0%,#466D00 100%);background: linear-gradient(top, #6F9F11 0%,#466D00 100%);}
.rt-versions .rt-version-j17 {background: #A66626;background: -webkit-linear-gradient(top, #CD730F 0%,#78572A 100%);background: -moz-linear-gradient(top, #CD730F 0%,#78572A 100%);background: linear-gradient(top, #CD730F 0%,#78572A 100%);}
.rt-versions .rt-version-j25 {background: #9A68B1;background: -webkit-linear-gradient(top, #c28fc7 0%,#6b389c 100%);background: -moz-linear-gradient(top, #c28fc7 0%,#6b389c 100%);background: linear-gradient(top, #c28fc7 0%,#6b389c 100%);}
.rt-versions .rt-version-j30 {background: #F2BB35;background: -webkit-linear-gradient(top, #F2BB35 0%,#C59202 100%);background: -moz-linear-gradient(top, #F2BB35 0%,#C59202 100%);background: linear-gradient(top, #F2BB35 0%,#C59202 100%);}
div.template .rt-details-img.rt-details-img-extensions img {border: 0;margin-left: 5px;margin-right: 5px;width: auto;height: auto;}
.rt-details-img-extensions .rt-versions {background: none;box-shadow: none;border: 0;}
.rt-versions .rt-versions-last {margin-right: 0;}
